/**
 * Userbar
 */
div.page-userbar {
	padding: 0px 40px 0px 50px;
	background: transparent url("/images/userbar-bg.png") bottom repeat-x;
	height: 45px;
}

	div.page-userbar a {
		color: #000;
		text-decoration: none;
	}
	
	div.page-userbar a:hover {
		text-decoration: underline;
	}
	
	div.page-userbar form.login {
		overflow: hidden;
		padding-top: 5px;
	}
	
		div.page-userbar form.login div.part {
			float: left;
		}
		
			div.page-userbar form.login div.part.pass {
				margin-left: 10px;
			}
			
			div.page-userbar form.login div.part.submit {
				margin-left: 10px;
			}
			
			div.page-userbar form.login div.part.links {
				margin-left: 20px;
				padding-top: 5px;
			}
	
	div.page-userbar div.user {
		float: left;
		margin-right: 30px;
		height: 35px;
		overflow: hidden;
	}
	
		div.page-userbar div.user div.avatar {
			float: left;
			margin-right: 5px;
			margin-top: 5px;
		}
		
			div.page-userbar div.user div.avatar img {
				border: #989898 1px solid;
				background: #bbb;
			}
		
		div.page-userbar div.user div.name {
			float: left;
			padding-top: 10px;
			font-weight: bold;
		}
	
	div.page-userbar div.controls {
		height: 35px;
		float: left;
	}
	
		div.page-userbar div.controls div.controls-inner {
			padding-top: 10px;
		}
			
			div.page-userbar div.controls div.controls-inner a.settings {
				background: url("/images/userbar-controls-settings.png") left center no-repeat;
				padding-left: 16px;
			}
			
			div.page-userbar div.controls div.controls-inner a.messages {
				margin-left: 15px;
				background: url("/images/userbar-controls-messages.png") left center no-repeat;
				padding-left: 16px;
			}
			
			div.page-userbar div.controls div.controls-inner a.blog {
				margin-left: 15px;
				background: url("/images/userbar-controls-blog.png") left center no-repeat;
				padding-left: 16px;
			}
			
			div.page-userbar div.controls div.controls-inner div.add {
				display: -moz-inline-box; display: inline-block; *zoom: 1; *display: inline;
				position: relative;
				margin-left: 30px;
				//padding-left: 30px;
				overflow: visible;
			}
				
				div.page-userbar div.controls div.controls-inner div.add ul.sub {
					display: none;
					white-space: nowrap;
					padding: 30px 5px 5px 5px;
					margin: 0px;
					//margin-left: 30px;
					position: absolute;
					top: 0px;
					left: 0px;
					border: #bbb 1px solid;
					border-right: #666 2px solid;
					border-bottom: #666 2px solid;
					background: #fff;
					list-style: none;
				}
				
					div.page-userbar div.controls div.controls-inner div.add ul.sub li {
						margin: 0px 0px 5px;
						padding: 0px;
					}
					
					div.page-userbar div.controls div.controls-inner div.add ul.sub li.separator {
						padding-top: 5px;
						border-top: #666 1px dotted;
					}
			
				div.page-userbar div.controls div.controls-inner div.add a.link {
					display: -moz-inline-box; display: inline-block; *zoom: 1; *display: inline;
					position: relative;
					color: #007aeb;
					background: url("/images/userbar-controls-add.png") right center no-repeat;
					padding-right: 12px;
					margin-left: 5px;
					//padding-left: 5px;
				}
				
					div.page-userbar div.controls div.controls-inner div.add a.link span {
						border-bottom: #007aeb 1px dashed;
					}
				
				div.page-userbar div.controls div.controls-inner div.add a.link:hover {
					text-decoration: none;
				}
				
					div.page-userbar div.controls div.controls-inner div.add a.link:hover span {
						border-color: #007aeb;
					}
				
			div.page-userbar div.controls div.controls-inner a.logout {
				background: url("/images/userbar-controls-logout.png") left center no-repeat;
				padding-left: 12px;
				margin-left: 50px;
			}
			
	div.page-userbar div.micro {
		height: 35px;
		margin-left: 40px;
		float: right;
		position: relative;
		
	}
	
		div.page-userbar div.micro div.error {
			position: absolute;
			top: 28px;
			left: 0;
			background: #eb6b6b;
			color: #fff;
			padding: 5px;
			width: 241px;
			display: none;
			font-size: 8pt;
		}
	
		div.page-userbar div.micro div.help-bar {
			display: none;
			position: absolute;
			width: 265px;
			top: 3px;
			left: -3px;
			background: #fff;
			border: #bbb 1px solid;
			border-right: #666 2px solid;
			border-bottom: #666 2px solid;
			padding: 30px 5px 5px;
			overflow: hidden;
		}
		
			div.page-userbar div.micro div.help-bar h3 {
				font-size: 10pt;
				font-weight: normal;
				margin: 0 0 10px;
			}
			
			div.page-userbar div.micro div.help-bar p {
				font-size: 8pt;
				color: #666;
				margin: 10px 0;
			}
		
		div.page-userbar div.micro div.more {
			padding: 10px 0 0 5px;
			float: left;
			position: relative;
		}
		
			div.page-userbar div.micro div.more a {
				text-decoration: none;
				color: #bbb;
				font-weight: bold;
			}
			
			div.page-userbar div.micro div.more a:hover {
				color: #666;
			}
	
		div.page-userbar div.micro form {
			padding: 7px 1px 0;
			position: relative;
			float: left;
			display: block;
		}
		
			div.page-userbar div.micro form div.input-border-vertical {
				border-top: #666 1px solid;
				border-bottom: #bbb 1px solid;
			}
			
			div.page-userbar div.micro form div.input-border-horisontal {
				border-left: #666 1px solid;
				border-right: #bbb 1px solid;
				margin: 0 -1px;
			}
		
			div.page-userbar div.micro form div.input {
				background: #fff url("/images/bullet.png") right center no-repeat;
				overflow: hidden;
				position: relative;
				width: 250px;
			}
			
				div.page-userbar div.micro form div.input div.label {
					position: absolute;
					top: 3px;
					left: 3px;
					font-size: 12px;
					color: #bbb;
					cursor: text;
				}
			
				div.page-userbar div.micro form div.input input.message {
					background: transparent;
					font-size: 12px;
					color: #000;
					font-size: Arial;
					letter-spacing: normal;
					word-spacing: normal;
					width: 225px;
					min-height: 15px;
					padding: 2px;
					margin: 0;
					border: 0;
				}
				
				div.page-userbar div.micro form div.input button.submit {
					background: transparent;
					border: 0;
					margin: 0;
					padding: 0;
					font-size: 26px;
					color: #666;
					position: absolute;
					right: 0px;
					top: -7px;
					width: 20px;
					text-align: center;
					//top: -10px;
				}
				
				div.page-userbar div.micro form div.input button.submit.loading {
					background: url("/images/micro-loader.gif") center center no-repeat;
					font-size: 0;
					width: 20px;
					height: 33px;
				}
 
/**
 * Header
 */
div.page-header {
	overflow: hidden;
	padding: 0px 0px 20px 50px;
	margin: 20px 0px 30px 0px;
	border-bottom: #000 1px solid;
}
	div.page-header div.logo {
		float: left;
	}
	
	div.page-header div.menu {
		float: left;
		margin: 25px 0px 0px 40px;
		font-size: 18pt;
		font-weight: bold;
		text-transform: uppercase;
	}
		div.page-header div.menu a {
			color: #000;
			text-decoration: none;
		}
		
		div.page-header div.menu a.selected {
			color: #888888;
			text-decoration: none;
		}

/**
 * Pge messages
 */

div.page-messages {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 250px;
	margin: 0px;
	padding: 7px;
	background: transparent;
	z-index: 2;
	position: fixed;
}

	div.page-messages div.error {
		background: url("/images/trans-red.png");
		padding: 10px;
		margin-bottom: 10px;
	}
	
		div.page-messages div.error div.inner {
			color: #fff;
			padding: 7px;
			background: #c13333;
		}
	
	div.page-messages div.message {
		margin-bottom: 10px;
		padding: 10px;
		background: url("/images/trans-green.png");
	}
	
		div.page-messages div.message div.inner {
			color: #fff;
			padding: 7px;
			background: #a0c333;
		}

/**
 * Content
 */

div.page-content-wrapper {
	overflow: hidden;
	padding: 0px 40px 40px 50px;
}
 
div.page-content {
	overflow: hidden;
	float: left;
	width: 67%;
}

div.page-blocks {
	float: right;
	width: 30%;
}
	div.page-blocks div.block {
		margin: 0px 0px 40px 0px;
		background: #f8f8f8;
		color: #666666;
		position: relative;
	}
	
		div.page-blocks div.block div.header {
			font-size: 20pt;
			color: #000;
			margin: 0px;
			padding: 10px;
			border-bottom: #dddddd 1px solid;
		}
		
		div.page-blocks div.block div.content {
			border-top: #fff 1px solid;
			padding: 10px;
			overflow: hidden;
		}
		
		div.page-blocks div.block div.content.tags {
			text-align: center;
		}
		
			div.page-blocks div.block div.content.tags a {
				color: #666;
				text-decoration: none;
			}
			
			div.page-blocks div.block div.content.tags a:hover {
				color: #000;
			}
	
/**
 * Footer
 */

div.page-footer {
	clear: both;
	padding: 20px 40px 30px 50px;
	border-top: #000 1px solid;
	overflow: hidden;
}

	div.page-footer div.copyright {
		width: 30%;
		float: right;
		text-align: right;
	}

	div.page-footer div.menu {
		width: 70%;
		overflow: hidden;
	}
	
	div.page-footer div.menu dl {
		width: 20%;
		float: left;
		display: block;
		margin: 0px;
		padding: 0px;
	}
	
		div.page-footer div.menu dl dt {
			display: block;
			margin: 0px 0px 15px;
			font-weight: bold;
			padding: 0px;
		}
		
		div.page-footer div.menu dl dd {
			display: block;
			margin: 0px 0px 10px;
			padding: 0px;
		}

/**
 * Page navigation
 */

div.page-navigation {
	margin: 15px 0px;
	clear: both;
}

	div.page-navigation div.move {
		margin-bottom: 10px;
		font-size: 14pt;
		display: table;
		width: 100%;
	}
	
		div.page-navigation div.move div.prev {
			float: left;
		}
		
		div.page-navigation div.move div.next {
			float: left;
			margin-left: 10px;
		}

	div.page-navigation div.pages {
		overflow: hidden;
	}
	
		div.page-navigation div.pages a {
			margin: 0px 5px;
			padding: 3px 5px;
			border: #bbb 1px solid;
			color: #bbb;
			text-decoration: none;
			display: block;
			float: left;
			font-size: 14pt;
		}
		
			div.page-navigation div.pages a:hover {
				color: #000;
				border-color: #000;
			}
		
		div.page-navigation div.pages a.selected {
			background: #000;
			border: #000 1px solid;
			color: #fff;
		}
		
/**
 * Tabs bar
 */
div.tabs {
	overflow: hidden;
	background: #eee;
	padding: 0px;
	margin: 0px 0px 30px;
	position: relative;
	border: #bbb 1px solid;
	border-width: 1px 0px;
}

	div.tabs ul {
		overflow: hidden;
		margin: 0px;
		padding: 3px 10px;
		list-style: none;
		border-top: #fff 1px solid;
		border-bottom: #666 1px solid;
	}
	
		div.tabs li {
			float: left;
			padding: 0px;
			margin: 0px 5px;
			position: relative;
		}
		
		div.tabs li.label {
			margin: 0px 10px 0px 5px;
			padding: 3px 0px;
			color: #000;
		}
			
		div.tabs li.selected,
		div.tabs li.selected a:hover {
			background: #ccc;
			text-decoration: none;
		}
		
			div.tabs li a {
				color: #000;
				text-decoration: none;
				text-transform: uppercase;
				display: block;
				padding: 3px 5px; 
				position: relative;
			}
			
			div.tabs li a:hover {
				background: #fff;
			}
		
/**
 * Vote rating
 */
div.vote-rating {
	height: 30px;
	background: #888888;
	overflow: hidden;
	float: left;
}

div.vote-rating.corner {
	position: relative;
}
	
	div.vote-rating a {
		text-decoration: none;
	}

	div.vote-rating a.minus {
		display: block;
		float: left;
		width: 40px;
		height: 30px;
		background: #bbbbbb;
	}
	
		div.vote-rating a.minus:hover {
			background: #f46262;
		}
		
	div.vote-rating a.minus.voted {
		background: #f46262;
	}
	
	div.vote-rating a.plus {
		display: block;
		float: left;
		width: 40px;
		height: 30px;
		background: #bbbbbb;
	}
	
		div.vote-rating a.plus:hover {
			background: #a7dc35;
		}
		
	div.vote-rating a.plus.voted {
		background: #a7dc35;
	}
	
	div.vote-rating a.minus.cant,
	div.vote-rating a.minus.cant:hover,
	div.vote-rating a.plus.cant,
	div.vote-rating a.plus.cant:hover {
		background: #999;
	}
	
	div.vote-rating div.number {
		float: left;
		padding: 3px 5px 0px 5px;
		color: #fff;
		font-size: 14pt;
		font-weight: bold;
	}
	
	div.vote-rating.corner i {
		display: block;
		position: absolute;
		background: #fff;
		width: 1px;
		height: 1px;
	}
	
	div.vote-rating.corner i.tl {
		top: 0px;
		left: 0px;
	}
	
	div.vote-rating.corner i.tr {
		top: 0px;
		right: 0px;
	}
	
	div.vote-rating.corner i.br {
		bottom: 0px;
		right: 0px;
	}
	
	div.vote-rating.corner i.bl {
		bottom: 0px;
		left: 0px;
	}